.todo-bottom{
    display: flex;
    flex-direction: row;
    li{
        color: inherit;
        list-style-type: none;
        font-size: 13px;
        margin: 0 10px;
        text-align: center;
        padding-top: 5px;
        &:hover:not(:first-child){
            border: 0.5px solid #777;
            border-radius: 5px;
        }
    }
    .li-first{
        width: 100px
    }
    .li-all{
        width: 50px;
        border: 1px solid transparent;
    }
    .li-active{
        width: 60px;
    }
    .li-completed{
        width: 80px;
    }
    .li-clear{
        width: 100px;
    }
    .isActive{
        border: 0.5px solid #777;
        border-radius: 5px;
    }
}